<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="validausuario.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Nivel de Tension 1 y 2</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="css/main.css" media="screen">
<LINK REL="stylesheet" TYPE="text/css" HREF="themes/redmond/jquery.ui.theme.css">
<script src="js/jquery-1.8.2.js" language="JavaScript"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js" language="JavaScript"></script>
<script>
    $(function() {
        $( "input[type=button], button, main" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });
    });
</script>
<script type="text/javascript" language="javascript">
function agregar(usuario) {
	$("#info").html("");
	
	var tramo_nodo_inicial = $("#tramo_nodo_inicial").val();
	var tramo_nodo_final = $("#tramo_nodo_final").val();
	var tramo_longitud = $("#tramo_longitud").val();
	var apoyo_altura = $("#apoyo_altura").val();
	var apoyo_cantidad = $("#apoyo_cantidad").val();
	var apoyo_material = $("#apoyo_material").val();
	var apoyo_estado = $("#apoyo_estado").val();
	var estructura_tipo = $("#estructura_tipo").val();
	var estructura_estado = $("#estructura_estado").val();
	var aislamiento_tipo = $("#aislamiento_tipo").val();
	var aislamiento_estado = $("#aislamiento_estado").val();
	var conductor_material = $("#conductor_material").val();
	var conductor_aislante = $("#conductor_aislante").val();
	var conductor_calibre = $("#conductor_calibre").val();
	var conductor_fases = $("#conductor_fases").val();
	var conductor_estado = $("#conductor_estado").val();
	var cantidad_usuarios = $("#cantidad_usuarios").val();
	var elemento_proteccion = $("#elemento_proteccion").val();
	var tipo = $("#tipo").val();
	var tierra = $("#tierra").val();
	var equipos = $("#equipos").val();
	var notas = $("#notas").val();


	if (tramo_nodo_inicial == "" || tramo_nodo_final == "" || tramo_longitud == "" || apoyo_cantidad =="" || cantidad_usuarios == "" || elemento_proteccion == "" ) {
		$("#info").show();
		$("#info").html("Falta informacion para guardar el registro");
		return;
	}
	
	
		
		var cmd = document.getElementById("cmd_agregar");
		cmd.disabled = true;
		$.post(
			"SrvAlta",
			{
				operacion: "add",
				tramo_nodo_inicial : tramo_nodo_inicial,
				tramo_nodo_final : tramo_nodo_final,
				tramo_longitud : tramo_longitud,
				apoyo_altura : apoyo_altura,
				apoyo_cantidad : apoyo_cantidad,
				apoyo_material : apoyo_material,
				apoyo_estado : apoyo_estado,
				estructura_tipo : estructura_tipo,
				estructura_estado : estructura_estado,
				aislamiento_tipo : aislamiento_tipo,
				aislamiento_estado : aislamiento_estado,
				conductor_material : conductor_material,
				conductor_aislante :conductor_aislante,
				conductor_calibre : conductor_calibre,
				conductor_fases : conductor_fases,
				conductor_estado : conductor_estado,
				cantidad_usuarios : cantidad_usuarios,
				elemento_proteccion : elemento_proteccion,
				tipo : tipo,
				tierra : tierra,
				equipos : equipos,
				notas : notas,
				usuario: usuario
			},
			procesar
		
		);

}

function procesar(resultado) {
	var cmd = document.getElementById("cmd_agregar");
	cmd.disabled = false;
	if (resultado != 'OK') {
		$("#info").show();
		$("#info").html(resultado);
	}else {
		$("#info").show();
		$("#info").html("Registro agregado correctamente").fadeOut(3000);
		list();
		limpiaForm($("#form1"));
	}
	
}

function list() {
	
}

function limpiaForm(miForm) {
	// recorremos todos los campos que tiene el formulario
	$(":input", miForm).each(function() {
	var type = this.type;
	var tag = this.tagName.toLowerCase();
	//limpiamos los valores de los campos…
	if (type == "text" || type == "password" || tag == "textarea")
		this.value = "";
		// excepto de los checkboxes y radios, le quitamos el checked
		// pero su valor no debe ser cambiado
	else if (type == "checkbox" || type == "radio")
		this.checked = false;
	// los selects le ponesmos el indice a -
	});
	}
</script>
</head>
<body>
<%@ include file="header.jsp" %>
<div class="main">
<h2>Nivel de Tension 1 y 2</h2>
<div id="info"></div>
<form action="" method="POST" id="form1" name="form1">
<table>
	<tr>
		<th colspan="4">DATOS DEL TRAMO</th>
	</tr>
	<tr>
		<td>Nodo Inicial</td>
		<td><input type="text" id="tramo_nodo_inicial" name="tramo_nodo_inicial"> </td>
		<td>Nodo Final</td>
		<td><input type="text" id="tramo_nodo_final" name="tramo_nodo_final"></td>
	</tr>
	<tr>
		<td>Longitud</td>
		<td colspan="3"><input type="text" id="tramo_longitud" name="tramo_longitud"></td>
	</tr>
	<tr>
		<th colspan="4">DATOS DE APOYO</th>
	</tr>
	<tr>
		<td>Altura</td>
		<td><select id="apoyo_altura" name="apoyo_altura">
			<option value="12">12</option>
			<option value="14">14</option>
			<option value="16">16</option>
		</select></td>

		<td>Cantidad de apoyos</td>
		<td><input type="text" id="apoyo_cantidad" name="apoyo_cantidad"></td>
	</tr>
	<tr>
		<td>Material Apoyo</td>
		<td><select id="apoyo_material" name="apoyo_material">
			<option value="CONCRETO">CONCRETO</option>
			<option value="MADERA">MADERA</option>
			<option value="HIERRO">HIERRO</option>
			<option value="TORRECILLA">TORRECILLA</option>
		</select></td>

		<td>Estado</td>
		<td><select id="apoyo_estado" name="apoyo_estado">
			<option value="BUENO">BUENO</option>
			<option value="MALO">MALO</option>
		</select></td>
	</tr>

	<tr>
		<th colspan="4">ESTRUCTURA</th>
	</tr>
	
	<tr>
		<td>Tipo</td>
		<td><select id="estructura_tipo" name="estructura_tipo">
			<option value="SUSPENSION">SUSPENSION</option>
			<option value="RETENCION">RETENCION</option>
			<option value="FINAL">FINAL</option>
		</select></td>
		<td>Estado</td>
		<td><select id="estructura_estado" name="estructura_estado">
			<option value="BUENO">BUENO</option>
			<option value="MALO">MALO</option>
		</select></td>
		
	</tr>
	<tr>
		<th colspan="4">AISLAMIENTO</th>
	</tr>
	
	<tr>
		<td>Tipo Material</td>
		<td><select id="aislamiento_tipo" name="aislamiento_tipo">
			<option value="CERAMICA">CERAMICA</option>
			<option value="VIDRIO">VIDRIO</option>
			<option value="POLIMERP">POLIMERP</option>
		</select></td>
		<td>Estado</td>
		<td><select id="aislamiento_estado" name="aislamiento_estado">
			<option value="BUENO">BUENO</option>
			<option value="MALO">MALO</option>
		</select></td>
		
	</tr>
	<tr>
		<th colspan="4">TIPO DE CONDUCTOR</th>
	</tr>
	
	<tr>
		<td>Material</td>
		<td><select id="conductor_material" name="conductor_material">
			<option value="ACSR">ACSR</option>
			<option value="COBRE">COBRE</option>
			<option value="ALUMNIO">ALUMINIO</option>
		</select></td>
		<td>Aislante</td>
		<td><select id="conductor_aislante" name="conductor_aislante">
			<option value="DESNUDO">DESNUDO</option>
			<option value="AISLADO" selected >AISLADO</option>
		</select></td>
		
	</tr>	
	<tr>
		<td>Calibre</td>
		<td>
			<select id="conductor_calibre" name="conductor_calibre">
				<option value="2">2</option>
				<option value="1/10">1/10</option>
				<option value="2/0">2/0</option>
				<option value="4/0">4/0</option>
				<option value="266">266</option>
				<option value="366">366</option>
			</select>
		</td>
		<td>Fases</td>
		<td>
			<select id="conductor_fases" name="conductor_fases">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
			</select>
		</td>
	</tr>
	<tr>
			<td>Estado</td>
			<td colspan="3">
				<select id="conductor_estado" name="conductor_estado">
					<option value="BUENO">BUENO</option>
					<option value="MALO">MALO</option>
				</select>
			</td>
	</tr>
	<tr>
		<th colspan="4">OTROS</th>
	</tr>
	<tr>
		<td>Usuarios</td>
		<td><input type="text" id="cantidad_usuarios" name="cantidad_usuarios"> </td>
		<td>Elementos de proteccion</td>
		<td><input type="text" id="elemento_proteccion" name="elemento_proteccion"></td>
	</tr>
	<tr>
		<td>Tipo (A/S)</td>
		<td>
			<select id="tipo" name="tipo">
				<option value="A">A</option>
				<option value="S">S</option>
			</select>
		</td>
		<td>Tierra</td>
		<td>
			<select id="tierra" name="tierra">
				<option value="BUENA">BUENA</option>
				<option value="MALA">MALA</option>
			</select>		
		</td>
	</tr>
	<tr>
		<td>Equipos</td>
		<td colspan="3">
			<select id="equipos" name="equipos">
				<option value="NINGUNO">NINGUNO</option>
				<option value="CONDENSADOR">CONDENSADOR</option>
				<option value="SECCIONADOR">SECCIONADOR</option>
				<option value="INTERRUPTOR">INTERRUPTOR</option>
			</select>
		</td>
	</tr>
	
	<tr>
		<th colspan="4">OBSERVACIONES</th>
	</tr>
	<tr>
		<td>Notas</td>
		<td colspan="4"><textarea name="notas" id="notas" rows=5 cols=40></textarea></td>
	</tr>	
	
		<tr>
			<td colspan="4"><input type="button" name="cmd_agregar" id="cmd_agregar" value="Agregar" onclick="javascript:agregar('<%= (String)session.getAttribute("usuario") %>')" class="button"></td>
		</tr>
</table>

</form>
<div id="list"></div>
</div>

	

</body>
</html>
